<template>
  <div class="parent">
    <!-- 使用动态绑定进行传值，这样就可以把msg的值传递到子组件中显示了-->
    <child :msg='msg' @listenToChildEvent="showMsgFromChild"></child>
    <!-- 显示子组件传递的数据-->
    <p>子组件传递的值是：{{childMsg}}</p>
  </div>
</template>

<script>
  /* ES6语法导入子组件*/
  import child from "./child.vue";
  export default{
    data(){
      return{
        msg:"hello world",
        childMsg:""
      }
    },
    /* components里面做记录 */
    components:{
      child
    },
    methods:{
      showMsgFromChild:function(data){
        /* data参数就是接收的数据 */
        this.childMsg = data;
      }
    }
  }
</script>

<style>
</style>
